$(document).ready( function () { // lorsque la page est entierement chargée
    $("input#search_engine").keyup( function() { // si on presse une touche du clavier en étant dans le champ texte qui a pour id inputString
        if (this.value.length >= 3)
        {
            $('#loader').show();
            $('#autoSuggestionsList').load(
                $(this).parents('form').attr('action'), 
                {
                    query: this.value
                },
                function(data) {
                    $('#loader').hide();
                    if(data.length >0) {
                        $('#suggestions').show(); // si il y a un retour, on affiche la liste
                        $('#autoSuggestionsList').html(data); // et on remplit la liste des données
                        $('ul li.sugg').click(function(e){
                            $("input#search_engine").val($(this).html());
                            $('#suggestions').hide();
                            $('#autoSuggestionsList').html(''); 
        
                        });
                    }
                }
                );
        }
    });
    
    $("input#search_engine").blur(function(e){
        if (this.value.length == 0)
        {
            $('#suggestions').hide();
            $('#autoSuggestionsList').html(''); 
        }
    });
    

});